<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>科研成果二级列表</title>
    <link rel="stylesheet" href="../layui/css/layui.css" media="all">
    <link rel="stylesheet" type="text/css" href="../css/style.css"/>
    <link rel="stylesheet" type="text/css" href="../css/outsourcelist.css"/>
</head>
<body>
<!-- 让IE8/9支持媒体查询，从而兼容栅格 -->
<!--[if lt IE 9]>
<script src="https://cdn.staticfile.org/html5shiv/r29/html5.min.js"></script>
<script src="https://cdn.staticfile.org/respond.js/1.4.2/respond.min.js"></script>
<![endif]-->
<div class="header">
    <div class="warp">
        <img class="logo" src="../images/logo.png" alt="">
        <ul class="layui-nav" lay-unselect>
            <li class="layui-nav-item">
                <a href="javascript:;"><img src="//t.cn/RCzsdCq" class="layui-nav-img">我<img src="../images/level1.png"
                                                                                             alt=""></a>
                <dl class="layui-nav-child">
                    <dd><a href="javascript:;">个人资料</a></dd>
                    <dd><a href="javascript:;">我的发布</a></dd>
                    <dd><a href="javascript:;">修改密码</a></dd>
                    <dd><a href="javascript:;">退出登录</a></dd>
                </dl>
            </li>
            <li class="layui-nav-item" lay-unselect>
                <a href="javascript:;">导航</a>
                <dl class="layui-nav-child childbox">
                    <dd>
                        <div class="nvson">
                            <!--<p class="navson"></p>-->
                            <div class="navson-head">
                                <span class="flag">&nbsp</span><span class="nvson-tit">科研成果</span>
                            </div>
                            <ul>
                                <li><a href="">电子信息</a></li>
                                <li><a href="">生物与洗医药</a></li>
                                <li><a href="">航天航空</a></li>
                                <li><a href="">新材料</a></li>
                                <li><a href="">新能源与节能</a></li>
                                <li><a href="">资源与环境</a></li>
                                <li><a href="">新能源与节能</a></li>
                                <li><a href="">资源与环境</a></li>
                                <li><a href="">新能源与节能</a></li>
                                <li><a href="">资源与环境</a></li>
                                <li><a href="">新能源与节能</a></li>
                                <li><a href="">资源与环境</a></li>
                            </ul>
                            <div class="clear"></div>
                        </div>
                        <div class="nvson">
                            <!--<p class="navson"></p>-->
                            <div class="navson-head">
                                <span class="flag">&nbsp</span><span class="nvson-tit">科研成果</span>
                            </div>
                            <ul>
                                <li><a href="">电子信息</a></li>
                                <li><a href="">生物与洗医药</a></li>
                                <li><a href="">航天航空</a></li>
                                <li><a href="">新材料</a></li>
                                <li><a href="">新能源与节能</a></li>
                                <li><a href="">资源与环境</a></li>
                                <li><a href="">新能源与节能</a></li>
                                <li><a href="">资源与环境</a></li>
                                <li><a href="">新能源与节能</a></li>
                                <li><a href="">资源与环境</a></li>
                                <li><a href="">新能源与节能</a></li>
                                <li><a href="">资源与环境</a></li>
                            </ul>
                            <div class="clear"></div>
                        </div>
                        <div class="nvson">
                            <!--<p class="navson"></p>-->
                            <div class="navson-head">
                                <span class="flag">&nbsp</span><span class="nvson-tit">科研成果</span>
                            </div>
                            <ul>
                                <li><a href="">电子信息</a></li>
                                <li><a href="">生物与洗医药</a></li>
                                <li><a href="">航天航空</a></li>
                                <li><a href="">新材料</a></li>
                                <li><a href="">新能源与节能</a></li>
                                <li><a href="">资源与环境</a></li>
                                <li><a href="">新能源与节能</a></li>
                                <li><a href="">资源与环境</a></li>
                                <li><a href="">新能源与节能</a></li>
                                <li><a href="">资源与环境</a></li>
                                <li><a href="">新能源与节能</a></li>
                                <li><a href="">资源与环境</a></li>
                            </ul>
                            <div class="clear"></div>
                        </div>
                        <div class="nvson">
                            <!--<p class="navson"></p>-->
                            <div class="navson-head">
                                <span class="flag">&nbsp</span><span class="nvson-tit">科研成果</span>
                            </div>
                            <ul>
                                <li><a href="">电子信息</a></li>
                                <li><a href="">生物与洗医药</a></li>
                                <li><a href="">航天航空</a></li>
                                <li><a href="">新材料</a></li>
                                <li><a href="">新能源与节能</a></li>
                                <li><a href="">资源与环境</a></li>
                                <li><a href="">新能源与节能</a></li>
                                <li><a href="">资源与环境</a></li>
                                <li><a href="">新能源与节能</a></li>
                                <li><a href="">资源与环境</a></li>
                                <li><a href="">新能源与节能</a></li>
                                <li><a href="">资源与环境</a></li>
                            </ul>
                            <div class="clear"></div>
                        </div>


                    </dd>

                </dl>

            </li>
            <li class="layui-nav-item">
                <a href="javascript:;">俱乐部</a>
            </li>
            <li class="layui-nav-item"><a href="">中文/English</a></li>

            <li class="layui-nav-item"><a href="">社区</a></li>
        </ul>
        <div class="clear"></div>

        <div class="searchbox">
            <div class="searchipt">
                <form action="">
                    <input class="layui-input" type="text" placeholder="搜索内容">
                    <input type="submit" value="搜索">
                </form>
                <button type="button" class="layui-btn layui-btn-normal">发布</button>
                <div class="clear"></div>
                <!--<form class="layui-form" action="">-->
                <!--<div class="layui-inline">-->
                <!--<input type="text" name="title" lay-verify="title" autocomplete="off" placeholder="科研成果" class="layui-input">-->
                <!--</div>-->

                <!--<div class="layui-inline fr">-->
                <!--<button type="button" class="layui-btn layui-btn-normal" id="LAY-component-form-setval">赋值</button>-->
                <!--</div>-->


                <!--</form>-->
                <!--<button type="button fr" class="layui-btn layui-btn-normal" >赋值</button>-->


            </div>
        </div>
    </div>
</div>
<!--导航条-->
<div class="crumbs">
    <div class="warp">
        <span class="layui-breadcrumb" lay-separator=">">
          <a href="">科研成果网</a>
            <!--<a href=""></a>-->
            <a><cite>技术解困</cite></a>
        </span>
    </div>
</div>
<div class="content">
    <div class="warp cate-show">
        <div class="catit">二级分类:</div>
        <div class="cate-cont">
            <ul>
                <li><a href="">全部</a></li>
                <li><a href="">软件</a></li>
                <li><a href="">微电子技术</a></li>
                <li><a href="">计算机产品及其网络应用技术</a></li>
                <li><a href="">通信技术</a></li>
                <li><a href="">微电子技术</a></li>
                <li><a href="">计算机产品及其网络应用技术</a></li>
                <li><a href="">通信技术</a></li>
                <li><a href="">微电子技术</a></li>
                <li><a href="">计算机产品及其网络应用技术</a></li>
                <li><a href="">通信技术</a></li>
                <li><a href="">微电子技术</a></li>
                <li><a href="">计算机产品及其网络应用技术</a></li>
                <li><a href="">通信技术</a></li>
            </ul>
            <div class="clear"></div>
        </div>
        <div class="clear"></div>
        <hr class="layui-bg-gray" style="width: 98%;margin: 20px auto 0">

    </div>
    <div class="warp catelist-cot">
        <div class="catelist-status">
            <span class="fl ">需求状态</span>
            <ul class="fl">
                <li><a href="">成交</a></li>
                <li><a href="">工作中</a></li>
                <li><a href="">交易中</a></li>
            </ul>
            <div class="clear"></div>
        </div>
        <div class="listcon">
            <div class="conlist">
                <div class="qiqiaobox">
                    <a href="">
                        <ul>
                            <li><span>《春归堂》独创鼻浴养生三步法</span><span class="layui-badge layui-bg-blue">商家</span> <span
                                    class="layui-badge layui-bg-gray">匹配中</span> <span
                                    class="layui-badge layui-bg-gray">工艺方面</span></li>
                            <li>¥5000</li>
                            <li>杭州美烁科技采用中医理论及传世古方，结合现代医学，独创 鼻浴养生三步法：清洁除菌——治理滋养——深层修复 ，有效解决鼻腔的二大问题是“脏”和“干”。</li>
                        </ul>
                    </a>
                    <button type="button" class="layui-btn layui-btn-normal fr">投标</button>

                </div>
                <div class="qiqiaobox">
                    <a href="">
                        <ul>
                            <li><span>《春归堂》独创鼻浴养生三步法</span><span class="layui-badge layui-bg-blue">商家</span> <span
                                    class="layui-badge layui-bg-gray">匹配中</span> <span
                                    class="layui-badge layui-bg-gray">工艺方面</span></li>
                            <li>¥5000</li>
                            <li>杭州美烁科技采用中医理论及传世古方，结合现代医学，独创 鼻浴养生三步法：清洁除菌——治理滋养——深层修复 ，有效解决鼻腔的二大问题是“脏”和“干”。</li>
                        </ul>
                    </a>
                    <button type="button" class="layui-btn layui-btn-normal fr">投标</button>

                </div>
                <div class="qiqiaobox">
                    <a href="">
                        <ul>
                            <li><span>《春归堂》独创鼻浴养生三步法</span><span class="layui-badge layui-bg-blue">商家</span> <span
                                    class="layui-badge layui-bg-gray">匹配中</span> <span
                                    class="layui-badge layui-bg-gray">工艺方面</span></li>
                            <li>¥5000</li>
                            <li>杭州美烁科技采用中医理论及传世古方，结合现代医学，独创 鼻浴养生三步法：清洁除菌——治理滋养——深层修复 ，有效解决鼻腔的二大问题是“脏”和“干”。</li>
                        </ul>
                    </a>
                    <button type="button" class="layui-btn layui-btn-normal fr">投标</button>

                </div>
                <div class="qiqiaobox">
                    <a href="">
                        <ul>
                            <li><span>《春归堂》独创鼻浴养生三步法</span><span class="layui-badge layui-bg-blue">商家</span> <span
                                    class="layui-badge layui-bg-gray">匹配中</span> <span
                                    class="layui-badge layui-bg-gray">工艺方面</span></li>
                            <li>¥5000</li>
                            <li>杭州美烁科技采用中医理论及传世古方，结合现代医学，独创 鼻浴养生三步法：清洁除菌——治理滋养——深层修复 ，有效解决鼻腔的二大问题是“脏”和“干”。</li>
                        </ul>
                    </a>
                    <button type="button" class="layui-btn layui-btn-normal fr">投标</button>

                </div>

            </div>
            <div id="pager">
            </div>
        </div>
    </div>
</div>
<div class="footer">
    <div class="warp">
        <ul>
            <li><a href="">合作单位</a></li>
            <li><a href="">免费注册</a></li>
            <li><a href="">免责申明</a></li>
            <li><a href="">最新政策</a></li>
            <li><a href="">论坛与展会</a></li>
            <li><a href="">最近活动</a></li>
            <li><a href="">重推项目</a></li>
            <li><a href="">全球站点分布</a></li>
            <li><a href="">公司简介</a></li>
            <li><a href="">联系我们</a></li>
            <div class="clear"></div>
        </ul>
        <p>粤ICP备17123781号</p>
        <p>© 科研成果网版权所有</p>
    </div>
</div>
</body>
<script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>
<script src="../layui/layui.js" charset="utf-8"></script>

<!-- 注意：如果你直接复制所有代码到本地，上述js路径需要改成你本地的 -->
<script>
    layui.use(['element', 'carousel', 'form', 'laypage'], function () {
        var form = layui.form
            , layer = layui.layer
            , layedit = layui.layedit
            , laydate = layui.laydate;
        var element = layui.element; //导航的hover效果、二级菜单等功能，需要依赖element模块
        //分页
        var laypage = layui.laypage, layer = layui.layer;
        //完整功能
        laypage.render({
            elem: 'pager'
            , count: 100
            , layout: ['prev', 'page', 'next', 'limit', 'skip']
            , prev: '<em><</em>'
            , next: '<em>></em>'
            , theme: '#108ee9'
            , jump: function (obj) {
                console.log(obj)
            }
        });
        //建造实例 轮播图
        var carousel = layui.carousel;
        carousel.render({
            elem: '#test1'
            , width: '320px' //设置容器宽度
            , height: '235px'
            , arrow: 'hover' //始终显示箭头
            , anim: 'fade' //切换动画方式
            , autoplay: 'true'

        });
        //监听导航点击
        element.on('nav(demo)', function (elem) {
            //console.log(elem)
            layer.msg(elem.text());
        });
    });
</script>
</html>